<template>
    <el-row :gutter="10" class="areaAndOrder">
        <el-col :span="6" class="h100">
            <Title style="margin-top: 20px;">当前地区占比</Title>
            <pie></pie>
        </el-col>
        <el-col :span="18" class="h100">
            <Title style="margin-top: 20px;" :width="467">订单数据</Title>
            <orderData></orderData>
        </el-col>
    </el-row>
</template>
<script setup>
import Title from './title.vue';
import pie from './pie.vue';
import orderData from './orderData.vue';
</script>
<style lang="scss" scoped>
.areaAndOrder {
    height: 100%;

    .h100 {
        height: 100%;
    }
}
</style>